<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>请求测试系统</title>
</head>
<body>
<a href="http://localhost:8080/webdemo/demo1?name=zhangqi&password=xxxxxx">我是一个模拟GET请求的链接</a>
<form action="http://localhost:8080/webdemo/demo1" method="post">
    姓名:<input type="text" name="name">
    密码:<input type="text" name="password">
    <input type="submit" name="submitInformation">
</form>

</body>
<!--基于jQuery的ajax的使用,与原生的ajax相比,使用更加方便
但是需要注意的是,导入包的时候,具体包导入的位置,不能放到WEB-INF的下面,
有时候会发现加载不到相应的资源,但是按Ctrl键的时候仍然可以点进去源码.
使用ajax可以实现异步请求,提高用户的体验效果,就是如果在处理一个效果的同时,可以先呈现
页面给用户,在不刷新页面的情况下,对请求进行响应,并反映到页面当中-->
<!--以上是单纯的ajax的使用,当发送的数据较大的时候,可以将数据打包成json来进行发送,这时候
需要引入jQuery-json的包来进行相应的数据的json转换操作-->
<script src="jquery-3.1.0.min.js"></script>
<script src="jquery.json-2.3.min.js"></script>
<script type="text/javascript">
    var o={"name":"laozhang","age":26};
    var compo={"name":"laowang","age":28,"o":o};
    var toJSON = $.toJSON(compo);
    //发送json形式的数据,通过ajax.首先使用json对数据进行打包
    $.ajax({
        type:"post",
        url:"demo1",
        success:function (data) {
            alert(data.name+data.age+data.o.name+data.o.age)
        },
        contentType:"application/json",
        data:toJSON,
        error:function (data) {
            alert("对不起数据加载失败")
        }
    })


//    原生的简单类型的ajax形式模拟get请求发送消息
//        $.ajax({
//            type:"get",
//            url:"demo1",
//            success:function (data) {
//                alert(data);
//            },
//            data:{
//                "name":"laoli",
//                "age":28
//            }
//        })
</script>
</html>